<template>
  <div>
    <h2>商品列表</h2>
    <goods-list v-for="item in list" :key="item.id" :item="item" @des = des></goods-list>
  </div>
</template>

<script>
import GoodsList from "@/components/GoodsList.vue";
export default {
  components: {
    GoodsList,
  },
  data() {
    return {
      list: [
        { id: 101, pname: "超级无敌棒棒糖", price: 15, info: "好吃，再来一根" },
        { id: 171, pname: "超级解渴水果茶", price: 80, info: "好甜，真好喝" },
        { id: 191, pname: "超级好吃大鸡腿", price: 60, info: "可口，下饭~" },
      ],
    };
  },
  methods:{
    des(val,id){
       let res = this.list.find(item => item.id === id)
       if (res.price<=5) return alert('亏钱了')
       res.price = res.price - val 
       
    }
  }
};
</script>

<style>
</style>